<template>
  <el-collapse  :data="newsList"  accordion >
    <div v-for="(news,index) in newsList">
    <el-collapse-item :title="news.biaoti" :name="index" class="mutill">
      <div style="text-align: left;font-size: 20px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{news.news}}</div>
    </el-collapse-item>
    </div>
  </el-collapse>
</template>
  <script>
    export default {
      name: "newsList",
      data() {
        return {
          activeName: '1',
          newsList:[],
          news:{}
        };
      },
      created(){
        this.selectAll();
      },
      methods: {
        selectAll(){
          let url="";
            url="/news/"
          this.axios.get(url).then((resp)=>{
            this.newsList=resp.data;
          });
        }
      }
    }
  </script>

<style scoped>
/deep/ .el-collapse-item__header{
  font-size: 24px;
  color: #038777;
}

</style>
